
.m-layer-shade{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1000;
	display: none;
	&.on{
		display: block;
		-webkit-animation-name: fadeIn;
  		animation-name: fadeIn;
  		 -webkit-animation-duration: 0.3s;
  		animation-duration: 0.3s;
  		-webkit-animation-fill-mode: both;
  		animation-fill-mode: both;
	}
}
.m-layer-contain{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	background: transparent;
	z-index: 1001;
	display: none;
	.m-flex-center;
	.m-flex-middle;
	&.on{
		.m-flex;
		-webkit-animation-name: zoomIn;
  		animation-name: zoomIn;
  		 -webkit-animation-duration: 0.3s;
  		animation-duration: 0.3s;
  		-webkit-animation-fill-mode: both;
  		animation-fill-mode: both;
	}
}
.m-layer-box{
	background: #fff;
	border-radius: 0.2rem;
	min-width:10rem;
	max-width: 80%;
	box-shadow: 0.15rem 0.15rem 0.4rem rgba(0, 0, 0, 0.3);
	overflow: hidden;
	.m-flex-column;
}
.m-layer-title{
	height:2rem;
	.bdr-b;
	.m-flex;
	.m-flex-center;
	.m-flex-middle;
	padding: 0 0.75rem;
}
.m-layer-main{
	padding: 0.75rem;
	font-size: @size-16;
	.m-flex-column;
	.m-flex-fit;
}
.m-layer-bottom{
	height:2.2rem;
	.bdr-t;
	.m-flex;
	[m-role='Button']{
		.m-flex-fit;
		height:100%;
		border-radius: 0;
		border:none;
		border-right: @border-color solid 1px;
		color:@themeColor;
		&:last-child{
			border-right:none;
		}
	}
}
.m-layer-msg{
	background: rgba(0, 0, 0, 0.6);
	color:#fff;
}